<template>
    <div class="action_sheet" :class="{'hide_sheet': !sheet_visible}">
        <div class="action_content" :class="{'hide_sheet_content': !sheet_visible}">
            <div class="action_list" @click="uploadImg(1)">拍照</div>
            <div class="action_list" @click="uploadImg(2)">从相册中选择</div>

            <div class="action_cancel" @click="hide()">取消</div>
        </div>

        <div class="musk" @click="hide()"></div>
    </div>
    
</template>

<script>
    export default {
        props: {
            sheet_visible: Boolean,
        },
        methods: {
            hide () {
                this.$emit('hide-sheet');
            },
            uploadImg (n) { 
                this.$emit('upload-img', n);
            },
        }
    }
</script>